//选到10+的时候将选框改为本文框
$('#imac-number-selector').on('change',function(){
    if($(this).val()==='10-plus') {
        $(this).hide();
        $(this).siblings('#imac-number-text').show();
        $(this).siblings('#imac-number-text').val(10);
    }
})


$('#iphone-number-selector').on('change',function(){
    if($(this).val()==='10-plus') {
        $(this).hide();
        $(this).siblings('#iphone-number-text').show();
        $(this).siblings('#iphone-number-text').val(10);
    }
})


//电脑change事件以及聚焦全选
$('#imac-number-text').on('input',function(){
    let numReg = /^[1-9]\d*$/;
    if(!numReg.test($(this).val())){
        $(this).val(10);
    }
  
})

$('#imac-number-text').on('change',function(){
    if($('#imac-number-text').val()<10) {
        $(this).hide();
        $(this).siblings('#imac-number-selector').show();
        $('#imac-number-selector').val($('#imac-number-text').val());
    }
})

$('#imac-number-text').on('focus',function(){
    $(this).select();
})


//手机change事件以及聚焦全选
$('#iphone-number-text').on('input',function(){
    let numReg = /^[1-9]\d*$/;
    if(!numReg.test($(this).val())){
        $(this).val(10);
    }
  
})

$('#iphone-number-text').on('change',function(){
    if($('#iphone-number-text').val()<10) {
        $(this).hide();
        $(this).siblings('#iphone-number-selector').show();
        $('#iphone-number-selector').val($('#iphone-number-text').val());
    }

})

$('#iphone-number-text').on('focus',function(){
    $(this).select();
})


let iphone_sum_price = document.querySelector('.iphone-price-count');
let imac_sum_price = document.querySelector('.imac-price-count');
let imac_num_selector = document.querySelector('#imac-number-selector');
let iphone_num_selector = document.querySelector('#iphone-number-selector');
let price_monthpay = document.querySelectorAll('.price-monthpay');
let price = document.querySelectorAll('.price');
let imac_single_price = 9999;
let iphone_single_price = 7999;
let imac_num_text = document.querySelector('#imac-number-text');
let iphone_num_text = document.querySelector('#iphone-number-text');


imac_num_selector.addEventListener('change',function(){
    imac_sum_price.innerText =  parseInt(this.value)*imac_single_price
    price.forEach(function(item){
        item.innerHTML = parseInt(imac_sum_price.innerText)+parseInt(iphone_sum_price.innerText);
    })
    price_monthpay.forEach(function(item){
        item.innerHTML = (parseInt(price[0].innerHTML)/12).toFixed(0);
    })
    
})


//imac小计 总价

imac_num_text.addEventListener('input',function(){
    imac_sum_price.innerText =  parseInt(this.value)*imac_single_price
    price.forEach(function(item){
        item.innerHTML = parseInt(imac_sum_price.innerText)+parseInt(iphone_sum_price.innerText);
    })
    price_monthpay.forEach(function(item){
        item.innerHTML = (parseInt(price[0].innerHTML)/12).toFixed(0);
    })
    
})



iphone_num_selector.addEventListener('change',function(){
    iphone_sum_price.innerText =  parseInt(this.value)*iphone_single_price
    price.forEach(function(item){
        item.innerHTML = parseInt(iphone_sum_price.innerText)+parseInt(imac_sum_price.innerText);
    })
    price_monthpay.forEach(function(item){
        item.innerHTML = (parseInt(price[0].innerHTML)/12).toFixed(0);
    })   
})


iphone_num_text.addEventListener('input',function(){
    iphone_sum_price.innerText =  parseInt(this.value)*iphone_single_price
    price.forEach(function(item){
        item.innerHTML = parseInt(imac_sum_price.innerText)+parseInt(iphone_sum_price.innerText);
    })
    price_monthpay.forEach(function(item){
        item.innerHTML = (parseInt(price[0].innerHTML)/12).toFixed(0);
    })
    
})



//jq 实现手风琴
let slide = false;
$('.questions-suptitle').on('click',function(){
    if(slide==false){
        $('.questions-list').slideDown();
        $('.questions-suptitle-icon').css('transform','rotateZ(315deg)');
        slide=true;
    }else if(slide===true) {
        $('.questions-list').slideUp();
        $('.questions-suptitle-icon').css('transform','rotateZ(135deg)');
        slide=false;
    }
     
})

let item_slide;
$('.questions-item-subtitle').on('click',function(){
    $(this).siblings('.questions-item-info').slideToggle();
    if( $(this).siblings('.questions-item-info').css('height')==='1px'){
        $(this).find('.questions-suptitle-icon-sub').css('transform','rotateZ(315deg)');  
    }else {
        $(this).find('.questions-suptitle-icon-sub').css('transform','rotateZ(135deg)');   
    }           
})

//商品全选
$('.check-all-btn').on('click',function(){
    let checkStatus = $(this).prop('checked');
    $('.single-good').prop('checked',checkStatus);
    $('.check-all-btn').prop('checked',checkStatus);
})
//反选
$('.single-good').on('click',function(){
    let goods_num = $('.single-good:checked').length;
    let goods_all_num =  $('.check-all-btn').length;
    if(goods_all_num===goods_num) {
        $('.check-all-btn').prop('checked',true);  
    }else {
        $('.check-all-btn').prop('checked',false);  
    }
})

//删除商品

$('.delete-single-good a').on('click',function(){
    $(this).parents('.bag-item').hide('normal');
})

//换一批

let count = 1;
$('#change-recommendation').on('click',function(){
    ++count;
    if(count>=3){
        if(count>=3) {
            count=1;
        }
    }
    $('.recommendation-item-wrapper').stop(true).fadeOut('fast');
    $('.recommendation-item-wrapper').eq(count).stop(true).fadeIn('fast');
    $('.recommendation-item-wrapper').eq(count).css('display','flex');
   
})